<div id="content" class="span12">
	<div class="container-fluid">
		<div id="myCarousel" class="carousel slide">
			<div class="carousel-inner">
				<div class="item active">
					<img
						src="${pageContext.request.contextPath}/resources/img/slide-1.jpg"
						alt="">
					<div class="carousel-caption">
						<h4>Agile Group CRM System</h4>
						<p>List account with pagination and sorting support.</p>
					</div>
				</div>
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/resources/img/slide-2.jpg"
						alt="">
					<div class="carousel-caption">
						<h4>Agile Group CRM System</h4>
						<p>Create New Leads and view Them.</p>
					</div>
				</div>
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/resources/img/slide-3.jpg"
						alt="">
					<div class="carousel-caption">
						<h4>Agile Group CRM System</h4>
						<p>Update account and leads</p>
					</div>
				</div>
				<div class="item">
					<img
						src="${pageContext.request.contextPath}/resources/img/slide-4.jpg"
						alt="">
					<div class="carousel-caption">
						<h4>Make new calls and appointments</h4>
					</div>
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="right carousel-control" href="#myCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
		<div class="page-header">
			<div class="row-fluid">
				<div class="span4">
					<h2>Heading</h2>
					<p>Donec id elit non mi porta gravida at eget metus. Fusce
						dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
						ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
						magna mollis euismod. Donec sed odio dui.</p>
					<p>
						<a class="btn" href="#">View details &raquo;</a>
					</p>
				</div>
				<div class="span4">
					<h2>Heading</h2>
					<p>Donec id elit non mi porta gravida at eget metus. Fusce
						dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
						ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
						magna mollis euismod. Donec sed odio dui.</p>
					<p>
						<a class="btn" href="#">View details &raquo;</a>
					</p>
				</div>
				<div class="span4">
					<h2>Heading</h2>
					<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis
						in, egestas eget quam. Vestibulum id ligula porta felis euismod
						semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris
						condimentum nibh, ut fermentum massa.</p>
					<p>
						<a class="btn" href="#">View details &raquo;</a>
					</p>
				</div>
			</div>
		</div>


		<div class="hero-unit">
			<div class="row-fluid marketing">
				<div class="span6">
					<h4>Subheading</h4>
					<p>
						<a href="#">Donec id elit non mi porta gravida at eget metus.
							Maecenas faucibus mollis interdum.</a>
					</p>
					</p>

					<h4>Subheading</h4>
					<p>
						<a href="#">Morbi leo risus, porta ac consectetur ac,
							vestibulum at eros. Cras mattis consectetur purus sit amet
							fermentum.</a>
					</p>

					<h4>Subheading</h4>
					<p>
						<a href="#">Maecenas sed diam eget risus varius blandit sit
							amet non magna.</a>
					</p>
				</div>

				<div class="span6">
					<h4>Subheading</h4>
					<p>
						<a href="#">Donec id elit non mi porta gravida at eget metus.
							Maecenas faucibus mollis interdum.</a>
					</p>

					<h4>Subheading</h4>
					<p>
						<a href="#">Morbi leo risus, porta ac consectetur ac,
							vestibulum at eros. Cras mattis consectetur purus sit amet
							fermentum.</a>
					</p>

					<h4>Subheading</h4>
					<p>
						<a href="#">Maecenas sed diam eget risus varius blandit sit
							amet non magna.</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<img
		src="${pageContext.request.contextPath}/resources/img/dynamicimageweb.gif" />
</div>